<template>
  <div class="insureExamine">
    <el-dialog title="事项审核" :visible.sync="showDialog" width="70%">
      <div class="tableBox">
        <el-table
          ref="multipleTable"
          border
          :data="tableData"
          tooltip-effect="dark"
          style="width: 100%"
        >
          <el-table-column label="申请时间" width="171">
            <template slot-scope="scope">{{ scope.row.date }}</template>
          </el-table-column>
          <el-table-column prop="name" label="申请人" width="100"></el-table-column>
          <el-table-column prop="address" label="实施清单" show-overflow-tooltip></el-table-column>
          <el-table-column prop="name" label="审核内容"></el-table-column>
          <el-table-column prop="name" label="原内容"></el-table-column>
          <el-table-column prop="name" label="新内容"></el-table-column>
          <el-table-column prop="name" label="申请原因"></el-table-column>
        </el-table>
      </div>
      <div class="reason">
        <h2>审核意见</h2>
        <el-form ref="form" v-model="form" label-width="100px" size="mini">
          <el-form-item label="审核决定" required>
            <el-radio-group v-model="form.opinion" size="medium">
              <el-radio border label="审核通过"></el-radio>
              <el-radio border label="审核不通过"></el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="审核意见" required>
            <el-input type="textarea" :rows="4" placeholder="请输入审核意见" v-model="form.reason"></el-input>
          </el-form-item>
        </el-form>
      </div>
      <span slot="footer" class="dialog-footer" style="text-align:center;display:block;">
        <el-button @click="centerDialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="centerDialogVisible = false">提交申请</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        showDialog: true,
        form:{
          opinion:'',
          reason:''
        },
         tableData: [
          {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          },
          {
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          },
          {
            date: '2016-05-04',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          },
          {
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          },
          {
            date: '2016-05-08',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          }
        ]
      };
    },
    methods: {

    }
  };
</script>

<style scoped lang="scss">
.insureExamine {
  .tableBox {
    padding: 0;
  }
  .reason {
    h2 {
      font-weight: bold;
      margin: 20px 0;
    }
  }
}
</style>
